/* Cleaned version of fourchanx.css - contains only CSS rules actually used in the site */

/* General - Used elements */
.dialog {
    border: 1px solid;
    display: block;
    background-color: inherit;
}
.field {
    background-color: #FFF;
    border: 1px solid #CCC;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font: 13px sans-serif;
    outline: none;
    transition: color .25s, border-color .25s;
}
.field::-moz-placeholder {
    color: #AAA;
    font-size: 13px;
    opacity: 1;
}
.field:hover {
    border-color: #999;
}
.field:hover, .field:focus, .field.focus {
    color: #000;
}
.field[disabled] {
    background-color: #F2F2F2;
    color: #888;
}
.field::-webkit-search-decoration {
    display: none;
}
label {
    cursor: pointer;
}
a[href="javascript:;"] {
    text-decoration: none;
}
.warning {
    font-size:20px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(105,10,15,0.6);
    color:#af0a0f
}
.zoom{
    width: 125px;
}
:root.sw-yotsuba #boardNavDesktop, :root.sw-yotsuba #boardNavMobile {
    display: none !important;
}
body.hasDropDownNav{
    margin-top: 5px;
}
[hidden] {
    display: none !important;
}

/* 4chan style fixes - Used elements */
:root.sw-yotsuba .opContainer, :root.sw-yotsuba .op {
    display: block;
    overflow: visible;
}
:root.sw-yotsuba .reply > .file > .fileText {
    margin: 0 20px;
}
:root.sw-yotsuba .fileText a {
    unicode-bidi: -moz-isolate;
    unicode-bidi: -webkit-isolate;
}
:root.sw-yotsuba .post > .file {
    word-break: break-word;
}
:root.sw-yotsuba .fileText {
    max-width: auto;
    white-space: normal;
}

/* Header - Used elements */
.fixed.top-header body {
    padding-top: 2em;
}
.fixed #header-bar {
    right: 0;
    left: 0;
    padding: 3px 4px 4px;
    font-size: 12px;
}
.fixed.top-header #header-bar {
    top: 0;
}
#header-bar {
    border-width: 0;
    transition: all .1s .05s ease-in-out;
}
:root.fixed #header-bar {
    box-shadow: -5px 1px 10px rgba(0, 0, 0, 0.20);
}
.fixed.top-header #header-bar {
    border-bottom-width: 1px;
}
#navlinks, .fixed #header-bar {
    z-index: 60;
}

/* Navigation - Used elements */
#navbotright,
#navtopright {
    display: none;
}
#toggleMsgBtn {
    display: none !important;
}
.current,
:root.sw-yotsuba div#boardNavDesktopFoot a.current {
    font-weight: bold;
}

/* Links and navigation */
.brackets-wrap::before {
    content: "[";
}
.brackets-wrap::after {
    content: "]";
}

/* Quote features - Used elements */
.hashlink::before {
    content: ' ';
    visibility: hidden;
}
:root.resurrect-quotes .deadlink {
    text-decoration: none !important;
}
.quotelink.deadlink:not(.forwardlink) {
    text-decoration: underline !important;
}
.postNum + .container::before {
    content: " ";
}

/* File features - Used elements */
.fileText-original,
.fnswitch:hover > .fntrunc,
.fnswitch:not(:hover) > .fnfull,
.expanded-image > .post > .file > .fileThumb > video[data-md5],
.expanded-image > .post > .file > .fileThumb > img[data-md5] {
    display: none;
}
.expanded-image {
    clear: left;
}
.expanding {
    opacity: .5;
}
:root.fit-width .full-image {
    max-width: 100%;
}
.fileThumb > .warning {
    clear: both;
}

/* Reply hiding - Used elements */
.hide-reply-button {
    float: left;
    margin-right: 4px;
    padding: 2px;
}
.postInfo a.hide-reply-button {
    margin-right: 6px;
    padding: 0;
}
.replacedSideArrows {
    float: left;
}
.hide-reply-button:not(:hover) {
    opacity: 0.4;
}
:root.reply-hide div.sideArrows {
    display: none;
}

/* Highlighting - Used elements */
:root.highlight-you .quotesYou.opContainer,
:root.highlight-you .quotesYou > .reply {
    border-left: 3px solid rgba(221, 0, 0, .8);
}
:root.highlight-own .yourPost.opContainer,
:root.highlight-own .yourPost > .reply {
    border-left: 3px dashed rgba(221, 0, 0, .8);
}
:root.highlight-own .yourPost > div.sideArrows,
:root.highlight-you .quotesYou > div.sideArrows {
    color: rgba(221, 0, 0, .8);
}
:root.highlight-own .yourPost.opContainer::after,
:root.highlight-you .quotesYou.opContainer::after {
    content: "";
    display: block;
    clear: both;
}

/* Board Title */
.boardTitle, .boardSubtitle {
    white-space: pre-line;
}

/* Yotsuba-B Theme - Active theme */
:root.yotsuba-b .dialog {
    background-color: #D6DAF0;
    border-color: #B7C5D9;
}
:root.yotsuba-b .field:focus,
:root.yotsuba-b .field.focus {
    border-color: #98E;
}
:root.yotsuba-b.highlight-you .quotesYou > .reply {
    border-left: 3px solid rgba(221, 0, 0, .8) !important;
}
:root.yotsuba-b.highlight-own .yourPost > .reply {
    border-left: 3px dashed rgba(221, 0, 0, .8) !important;
}
:root.yotsuba-b #header-bar.dialog {
    background-color: rgba(214,218,240,0.98);
}
:root.yotsuba-b .backlink.deadlink {
    color: #34345C !important;
}
:root.yotsuba-b .replies-quoting-you > a, :root.yotsuba-b #watcher-link.replies-quoting-you {
    color: #F00;
}

/* Gallery support - Custom gallery implementation */
.gallery-container {
    /* Custom gallery styles from the React app */
}
.gallery-item {
    /* Custom gallery styles from the React app */
}

/* Custom additions */
.loading-indicator {
    /* Loading states */
}
.loading-spinner {
    /* Loading animation */
}
.loading-text {
    /* Loading text */
}

/* Responsive and support */
@supports (text-decoration-style: dashed) or (-moz-text-decoration-style: dashed) {
    .quotelink.forwardlink {
        text-decoration: underline;
        -moz-text-decoration-style: dashed;
        text-decoration-style: dashed;
        border-bottom: none;
    }
}